require("../less/mine.less")

//引入字体图标
/* require("../../fonts/iconfont.css"); */
// require("../fonts/iconfont.json");
//页面加载完毕
document.ready(()=>{
    //添加底部导航栏
    window.$utils.showTabbar("mine");
   //获取dom
   let nickName = document.querySelector("#nickName")//昵称
   let headImg = document.querySelector("#headImg")//头像
   let signText = document.querySelector("#signText")//签名
   let upload = document.querySelector("#upload")//昵称
   let buttonbtn = document.querySelector("#buttonbtn");//退出按钮
//    console.log(bbtn);
   //退出按钮
   buttonbtn.addEventListener("click",function(){
    window.location.href="../login.html";
 });
   
   //从本地存储中获取用户信息
    //   let userId =JSON.parse(localStorage.getItem("user"));
   let userId =JSON.parse(localStorage.getItem("users")).userId;
   
   console.log(userId);
   //给图片添加点击事件
   headImg.addEventListener("click",function(e){
       //阻止跳转
       e.preventDefault();
       //去触发文件的上传的点击事件
       upload.click();
    })
    //文件上传
    upload.addEventListener("change",function(){
        //    console.dir(this.files[0])
        let file = this.files[0]; //获取用户文件对象
        //准备FormData对象
        var fd =new FormData();
        fd.append("imgurl" , file);
        // console.log((fd.grt("imgurl")));
        
     

   //发送请求上传头像
   axios.post(window.$utils.BASE_URL + "/users/upload",fd)
   .then(function (res) {

       let rst = res.data;
       console.log(rst);
       if (rst.status === 0) {
           //在页面上显示上传的图片
           headImg.src = window.$utils.BASE_URL + rst.data;
           console.log("上传成功后的图片地址:", rst.data);
           //修改服务器的资料
           axios.post(window.$utils.BASE_URL + "/users/userEdit",
           
               {
                   "userId": userId,
                   "imgurl": rst.data,
               })
               .then(function (res) {
                   let result = res.data;
                   if (result.status === 0) {
                       //修改成功
                       window.$utils.showToast("zp-good", "修改成功")

                   } else {
                       //修改失败
                       window.$utils.showToast("zp-close", "修改失败")

                   }
               })
               .catch((error) => {
                   console.log(error);
               })
           //上传成功
           window.$utils.showToast("zp-good", "上传成功")

       } else {
           //上传失败
           window.$utils.showToast("zp-close", "上传失败")

       }
   })
   .catch((error) => {
       console.log(error);
   })
   
})


    //页面打开时就区取当前用户信息
    getUserData();
    
    function getUserData() {
        axios.get(window.$utils.BASE_URL + "/users/accountinfo?userId=" + userId)

        .then(function (res) {
            let result = res.data;
            console.log(result);
            if (result.status === 0) {
                //获取成功
                    console.log(result.data);
                    //保存到本地存储
                    window.localStorage.setItem("user", JSON.stringify(result.data));
                   
                    //显示（渲染）数据
                    render(result.data);
                } else {
                    //获取失败
                    window.$utils.showToast("zp-close", "获取用户信息失败")
                }
            })
            .catch((error) => {
                console.log(error);
            })
    }
    /* 渲染数据 */
    function render(data) {
        // 头像
        headImg.src = data.imgurl ? window.$utils.BASE_URL + data.imgurl : require("../img/headerPic.jpg");
        //昵称
        nickName.textContent = data.nickname;
        //签名
        signText.textContent = data.sign ? data.sign : "这个人很懒，什么都没有写!"
    }

})


